<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //定时器：window.setTimeout(调用的函数,[延时时间])   带有中括号可以省略
        //定时器：window.setInterval(回调函数，[延时时间])
        //两者的区别：第一个调用后执行一个就结束了；第二个会执行完一次后再回头调用回调函数，一直执行下去



        
        //1、window可以省略
        //2、延时时间的单位是毫秒，可以省略，也就是立即执行
        //3、这个调用的函数，可以直接写函数也可以写函数名，还有一个写法就是'函数名()'
        //4、页面中可能有多个定时器，我们需要经常给定时器起一个标识符，也就是可以放在一个变量中
        //5、这个调用的函数就是回调函数callback 之前的onclick中的函数也是回调函数，回调函数就是回头再调用的函数

        //1、
    //    setTimeout(function(){
    //         console.log('hello');
    //     },2000)

    //3、
    // function fun(){
    //     console.log('h');
    // }
    // setTimeout(fun,3000)

    //4、
    var timer1 = setTimeout(function(){
        console.log('aaaa');
    },2000)
    var timer2 = setTimeout(function(){
        console.log('aaaa');
    },5000)

    </script>
</body>

</html>